草庐IT

CSS 响应中心 Div

全部标签

javascript - 获取谷歌地图中距离中心最近的 N 个标记

我想弄清楚如何在Javascript中根据距map中心的距离对Googlemap上的前10个标记进行排序。因此,假设我在一个数组中有100个标记,我想在HTML无序列表中显示有关前10个最接近标记的更多信息。我该怎么做呢?我为GoogleMapsAPI版本2找到了一个类似的示例here,但版本3没有任何内容。 最佳答案 无论发生什么你都需要计算所有的距离。您可以自己使用简单的方程式或使用Google的几何库:http://code.google.com/intl/pl-PL/apis/maps/documentation/javas

javascript - 在没有 jQuery 的情况下检查 CSS 类是否存在

有人可以使用vanillajavascript或原型(prototype)告诉我如何运行检查以查看某个类是否存在吗?例如,我正在使用以下代码添加一个名为hideIt的类:varoverlay=document.getElementById("overlay_modal");overlay.className+="hideIt";我还需要一个稍后可以检查hideIt是否存在的脚本。我试过这样的事情:if(overlay.className=="hideIt")但是这样不好。有什么想法吗? 最佳答案 使用regexp.\b将匹配单词边界

javascript - CSS3 + Javascript - 将 -ms-transition :opacity 1s ease-in-out; work in IE 10 alone?

我今天一直在玩弄一些CSS3+JavaScript。下面是我的代码,(正在尝试制作世界上最小的图像褪色画廊,不知道我是否成功)。虽然我不太确定如何设置CSS。请参阅下面的评论问题:-ms-transition:opacity1sease-in-out;//WillthisalloneworkinIE10?transition:opacity1sease-in-out;//Whydowesetthis?也许是世界上最小的JS-Gallery:HB-CSS3+JSGallerybody{margin:0;text-align:center;font:200px/500pxgeorgia}#

javascript - ReactJS:用于 css 转换的切换类

我需要在组件(甚至页面)完全呈现后打开css类,以便在页面加载时对相关属性进行动画处理。我该怎么做,最好不用jQuery?如果我在componentDidMount中切换组件的类,动画实际上不会发生。 最佳答案 我真的没听懂你说的那部分:afteracomponent(oreventhepage)iscompletelyrendered,sothatrelevantpropertiesareanimatedonpageload.您希望在什么时候为元素设置动画?如果您在render()函数中指定类名,则组件将在页面加载时使用动画呈现。

javascript - 无法使用 webpack 缩小 css 代码

网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context:__dirname,mode:'producti

ASP.NET - 脚本和 css 压缩

在ASP.NET中是否有可用的本地压缩(用于javascript/css文件)? 最佳答案 试试Chirpy。它混合、缩小和验证您的javascript、样式表和无点文件。您可以使用YUICompressor或GoogleClosureCompiler。http://chirpy.codeplex.com/或者,要了解更多信息,请查看:http://www.weirdlover.com/2010/05/22/visual-studio-add-in-for-dotless-js-and-css-files/

javascript - CSS 缩放属性

Sitepointreference说InternetExplorerforWindowsversions5.5andabovesupportthenon-standardpropertyzoom,whichsetsthemagnificationscaleofanelement.There’snoCSS3equivalenttothisproperty(asyet).如何在标准浏览器中实现这种缩放效果?有可用的jQuery插件吗? 最佳答案 CSS3等价物在CSS2DTransforms中模块,特别是transform:scale

javascript - 希望在 blur div 上构建悬停/契约(Contract)扩展

大家好,我已经在搜索引擎上苦苦思索了几个小时,我想我不妨问问...我需要构建一个div,它在模糊时是一个尺寸,比如300x30,在悬停时扩展到300x300并将其下方的所有内容向下推,并在模糊时恢复到300x30尺寸(“不再悬停”或任何你children现在又把它称为大声笑)。有人可以给我指出一些资源,甚至可以给我一些代码位来玩吗?将不胜感激! 最佳答案 如果您不需要动画,您可以在CSS中使用伪类。div.div{height:30px;width:300px;border:1pxsolidblack;}div.div:hover{

javascript - $ ("div.rows").children().length 不是函数

我正在测试返回此错误的长度属性:$("div.rows").children().lengthisnotafunctionvarcount=$('div.rows').children().length();$('div#header').html(count);当我使用.size();它确实向我显示了一个值为0的值,这仍然是错误的,但至少它不会返回错误。我正在为这个而烦恼。有什么想法吗? 最佳答案 它不是一个函数,它是一个数字属性,所以丢掉最后一个()对:varcount=$('div.rows').children().leng

javascript - div 滚动条宽度

是否有使用javascript/jquery获取滚动条宽度的简单方法?我需要得到溢出的div的宽度+滚动条的任何宽度。谢谢 最佳答案 如果你正在使用jquery,试试这个:functiongetScrollbarWidth(){vardiv=$('');$('body').append(div);varw1=$('div',div).innerWidth();div.css('overflow-y','auto');varw2=$('div',div).innerWidth();$(div).remove();return(w1-w